<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本与图片环绕模式</title>
		<style>
			div{
				width: 300px;
				height: 300px;
				background-image: url(img/3.png);
				background-size: 100% 100%;
				/* 浮动：让元素飘起来，元素脱离文档流 */
				float: left;
			}
		</style>
	</head>
	<body>
		<div></div>
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus earum, quis velit ad explicabo, aliquam, debitis reiciendis exercitationem quidem temporibus nihil tempore inventore ex laboriosam deleniti eos provident quae non. Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus ratione id nihil sequi, consectetur ea ut iste quas sapiente, alias sed esse delectus facilis! Voluptatibus odit sint quisquam dignissimos vel. Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus magnam sunt pariatur veniam nostrum sed aliquam soluta, perferendis distinctio facilis excepturi ut et maxime fuga rem suscipit ullam quia error? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid possimus consequuntur, aut, incidunt placeat porro obcaecati distinctio praesentium necessitatibus laudantium delectus assumenda quae voluptate error explicabo dicta nemo voluptatem? Laudantium! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sint minus temporibus aspernatur ratione veritatis ullam libero facilis culpa fugit possimus voluptates totam saepe porro, vitae obcaecati aperiam ad cupiditate recusandae.
	</body>
</html>